
layui.use(['element','layer','form','table'],function () {
var element = layui.element;
var table = layui.table;
var form = layui.form;
var layer=layui.layer;

    var loginId_p=$.cookie('loginAdminId');//获取cookie
    if (loginId_p==null||loginId_p=='null'){//判断是否登陆 =null=没登陆
        layer.msg("您还未登录");
    }else if(atob(loginId_p).indexOf("Logined:")==0) {//登陆状态中

        var gamesCount = 0;
        //获取库内游戏总数
        $.get("/games_info_sys/games/listCount.do", function (res) {
            gamesCount = res;
        })

//展示已知数据
        table.render({
            elem: '#games_table'//关联table标签
            , id: 'games_table'//render标识
            , toolbar: true//开启右侧工具栏
            , url: '/games_info_sys/games/limit.do' //数据接口
            , cols: [[ //标题栏
                {field: 'gId', title: '游戏编号', width: 100, sort: true}
                , {field: 'gCnName', title: '游戏中文名称', width: 200}
                , {field: 'gEnName', title: '游戏英文名称', width: 200}
                , {field: 'gType', title: '游戏类型', width: 100}
                , {field: 'gMaker', title: '制作发行商', width: 150}
                , {field: 'gPlatform', title: '游戏平台', width: 200}
                , {field: 'gTime', title: '上市时间', width: 200}
                , {field: 'gLang', title: '游戏语言', width: 100}
                , {field: 'gUrl', title: '官方网站', width: 300}
                , {field: 'gInfo', title: '游戏介绍', width: 400}
                , {field: 'gImage', title: '游戏图片路径', width: 400}
                , {fixed: 'right', title: '操作', width: 189, align: 'center', toolbar: '#editbar'}//操作工具栏
            ]]
            //返回值解析
            , parseData: function (res) { //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": gamesCount, //解析数据长度
                    "data": res.data //解析数据列表
                }
            }

            , skin: 'line' //表格风格
            , even: true
            , page: true //是否显示分页
            , limits: [5, 7, 10]
            , limit: 6 //每页默认显示的数量
        });

// table.on('row(st_info)',function (obj) {
//     var data=obj.data;
//     layer.msg(data['st_id']);
// });

//监听改查工具条
        layui.table.on('tool(games_table)', function (obj) { //注：tool 是工具条事件名，games_info_table 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）

            if (layEvent === 'del') { //删除
                layer.confirm('确定删除此游戏吗', function (index) {
                    //向服务端发送删除指令
                    $.ajax({
                        url: "/games_info_sys/games/remove.do",
                        type: "POST",
                        contentType: "application/json",
                        data: JSON.stringify(data.gId),
                        success: function (res) {
                            if (res.data == "1") {
                                obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
                                layer.close(index);
                                layer.msg("删除成功");
                            } else {
                                layer.msg("删除失败");
                            }
                        },
                        error: function () {
                            layer.msg("删除提交出错,请检查网络");
                        }
                    });

                });
            } else if (layEvent === 'update') {//修改
                layer.open({
                    title: false,
                    type: 2,
                    anim: 2,
                    shadeClose: true, //点击遮罩关闭
                    area: setpageinfo(),//调用函数判断宽度自适应
                    content: 'service/gameInfo_from.html',
                    success: function (layero, index) {
                        //将当前行数据传给子页面
                        var body = layer.getChildFrame('body', index);
                        $(body).find('#gId').attr('value', data.gId);
                        $(body).find('#gCnName').attr('value', data.gCnName);
                        $(body).find('#gEnName').attr('value', data.gEnName);
                        $(body).find('#gType').attr('value', data.gType);
                        $(body).find('#gMaker').attr('value', data.gMaker);
                        $(body).find('#gPlatform').attr('value', data.gPlatform);
                        $(body).find('#gTime').attr('value', data.gTime);
                        $(body).find('#gLang').attr('value', data.gLang);
                        $(body).find('#gUrl').attr('value', data.gUrl);
                        $(body).find('#gInfo').text(data.gInfo);
                        $(body).find('#submit_btn').text("确认修改");
                        $(body).find('#pageTitle').text("游戏修改页");
                    },
                    end: function () {//关闭窗口刷新表格数据
                        table.reload('games_table');
                    }
                });
            } else if (layEvent === 'updateImg') {//上传图片
                layer.open({
                    title: false,
                    type: 2,
                    anim: 2,
                    shadeClose: true, //点击遮罩关闭
                    area: setpageinfo(),//调用函数判断宽度自适应
                    content: 'service/uploadImgPage.html#/gId=' + data.gId,
                    success: function (layero, index) {
                        //将当前行数据传给子页面
                        var body = layer.getChildFrame('body', index);
                        $(body).find('#pageTitle').text("当前游戏:" + data.gCnName);
                    },
                    end: function () {//关闭窗口刷新表格数据
                        table.reload('games_table');
                    }
                });
            }

        });

//点击弹出新增窗口
        $('#addbut').on('click', function () {
            layer.open({
                title: false,
                type: 2,
                shadeClose: true, //点击遮罩关闭
                content: 'service/gameInfo_from.html',
                anim: 2,
                area: setpageinfo(),//调用函数判断宽度自适应
                success: function (layero, index) {
                    var body = layer.getChildFrame('body', index);
                    $(body).find('#submit_btn').attr('lay-filter', 'game_Addform');
                    $(body).find('#pageTitle').text("游戏添加页");
                    $(body).find('#submit_btn').text("确认添加");
                },
                end: function () {//关闭窗口调用表格刷新
                    table.reload('games_table');
                }
            });

        });

//重载表格
        $("#getLike").click(function () {
            var keyword = $("#keyword").val();
            if (keyword != "" && keyword != null) {
                var url = '/games_info_sys/games/selectLikeKeyword.do?keyword=' + keyword
                table.reload('games_table', {
                    url: url
                    , parseData: function (res) { //res 即为原始返回的数据
                        return {
                            "code": 0, //解析接口状态
                            "msg": "", //解析提示文本
                            "count": res.total, //解析数据长度
                            "data": res //解析数据列表
                        }
                    }
                });
                layer.msg('关键词"' + keyword + '"搜索成功!');
            } else {
                layer.msg("请输入关键词!")
            }
        });


        //弹出信息层宽高自适应函数
        function setpageinfo() {
            if ($(window).width() < 458) {
                return ['100%', '100%'];
            } else {
                return ['70%', '70%'];
            }
        };

//监听单元格编辑
        table.on('edit(games_table)', function (obj) {
            var value = obj.value //得到修改后的值
                , data = obj.data //得到所在行所有键值
                , field = obj.field; //得到字段
            layer.msg('[ID: ' + data.st_id + '] ' + field + ' 字段更改为：' + value);
            $.ajax({
                url: "/Edu_sys/updstu.do",
                type: "POST",
                contentType: "application/json",
                data: JSON.stringify(data),
                success: function (res) {
                    layer.msg(res);
                    table.reload('games_table');
                },
                error: function () {
                    layer.msg("提交出错,请检查网络");
                }
            });
        });
    }
});